<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/base_bai/base.css">
    <title>确认订单</title>

    <style>
    img{    display: block;}
      html, body{font-size: 100%;background: white}

      .content{background:white;    padding: 1rem .8rem;}
    .van-nav-bar .van-icon{color:black;}

    .order_title{display: flex;align-items: center;padding: 1rem 0 0.5rem; }
    .order_title>div:nth-child(1){display: flex;align-items: center;font-size: 0.7rem; }
    .order_title>div:nth-child(2){flex: 3;text-align: right;font-size: 0.7rem;color:#999999}
    .order_title>div img{width: 2rem;padding-right: .5rem}

    .order_cont{ border-top: 1px solid #f7f7f7;display:flex;padding: 1rem 0 0.5rem;}
    .order_cont *{font-size: .9rem}
    .order_cont>[cont]{position: relative;}
    .order_cont>[cont]>div:nth-child(1){height:2.5rem;   display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
    .order_cont>[cont]>div:nth-child(2){position:absolute;    bottom: 0;}
    .order_cont>[shop_img]{margin-right:.5rem}


    [pay_type]{    display: flex;align-items: center;border-top: 1px solid #f3f3f3;padding: 1rem 0 0}

    .sub_sty button{    background: #FF9900;  color: white;  border-radius: 2rem;  height: 2.3rem;  line-height: 2.3rem;  padding: 0 2rem;border:0}

    [address]{display: flex;border-bottom: 1px solid #f3f3f3;align-items: center;  padding-bottom: .5rem;}
    [address] [font_sty]{color: #333333;}
    .address_icon{padding-right: 0.5rem;}
    </style>
</head>

<body>
    <div id="app" v-cloak>

        <div>
            <van-nav-bar class="m-header" title="确认订单" left-arrow @click-left="  closeWin()" />
        </div>


        <div class="content">
          <div address  @click='openWin("goods_list", "../address/address")'>
            <div style="flex:1"><van-icon class="address_icon" name="location-o" ></van-icon><span font_sty >请选择收货地址</span></div>
              <div><van-icon name="arrow" /></div>
          </div>
          <div class="order_title">
              <div><img src="../../image/center_order_list_1.png"  style="width:2rem"/>商户名称</div>

          </div>
          <div class="order_cont">
              <div  shop_img><img src="../../image/center_order_list_2.png"  style="width:6.25rem"/></div>
              <div  cont >
                <div>北欧小户型布艺沙发客厅双人三人简约风格沙发日式小沙发组合ins质</div>
                <div cont_font>
                  <div >x1</div>
                  <div >
                    <span><span style="color:black ">¥ <b>679.9</b></span>
                  </div>
              </div>
              </div>
          </div>
          <div>
            <van-cell-group>
              <van-field
                v-model="message"
                rows="2"
                autosize
                label="卖家留言"
                type="textarea"

                placeholder="请输入留言"
                show-word-limit
              />
            </van-cell-group>
          </div>
        <div pay_type>
            <div style="flex:1">微信支付</div>
            <div><van-switch v-model="checked" active-color="#FF9900" size="26px"/></div>
        </div>

        <van-submit-bar class="sub_sty" :price="3050" label="订单总价：" button-text="立即支付" @submit="onSubmit"/>
        </div>





    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/base_bai/vue.js"></script>
<script src="../../script/base_bai/vant.js"></script>
<script src="../../script/base_bai/base.js"></script>
<script src="../../script/base_bai/temp.js"></script>
<script type="text/javascript">
    apiready = function() {
        headerH = $api.fixStatusBar($api.byId('app'));
        Vue.prototype.$ac = api;
        initVue()
    };
    if (BrowserType() == 'pc') {
        initVue()
    }

    function initVue() {
        new Vue({
            el: '#app',
            // data: temp.center.order_list,
            data: {
              message:'',
            checked:true,


            },
            methods: {
              onSubmit(){}
            },


        })
    }
</script>

</html>
